
const osubmit = document.getElementById("submit");
const otel = document.getElementById("tel");
const opassword = document.getElementById("password");


osubmit.onclick = function(){
    ajax("http://localhost:3000/api",function(res){
        // console.log(res);
        res = JSON.parse(res);

        if(res.code === 0){
            alert(res.title);
            otel.value = "";
            otel.focus();
        }else if(res.code === 1){
            if(confirm("注册成功，是否跳转到登录")){
                location.href = "./login.html";
            }
        }

    },{
        type:"register",
        username:otel.value,
        password:opassword.value
    })
}


function ajax(url, callback, data){
    let str = "";
    for(let i in data){
        str += `${i}=${data[i]}&`
    }
    url += "?" + str;
    const xhr = new XMLHttpRequest();
    xhr.open("get",url)
    xhr.onload = function(){
        if(xhr.status === 200){
            callback(xhr.responseText)
        }
    }
    xhr.send();
}



//表单验证

    // var opd = document.getElementById("password");
    // var otl = document.getElementById("tel");
    // var osu = document.getElementById("submit");
    // var osu=false,pw=false,pw2=false,tel=false,em=false;
    // opd.onblur = function(){
    //     var span = this.nextElementSibling;
    //     var a = /\d/.test(this.value) ? 1 : 0;
    //     var b = /[a-z]/i.test(this.value) ? 1 : 0;
    //     var c = /[^a-z\d]/i.test(this.value) ? 1 : 0;
    //     switch(a+b+c){
    //         case 1:span.innerHTML = "弱";break;
    //         case 2:span.innerHTML = "中";break;
    //         case 3:span.innerHTML = "强";break;
    //     }
    //     pw = true;
    // }

    // otl.onblur = function(){
    //     var span = this.nextElementSibling;
    //     if(/^1[3-9]\d{9}$/.test(this.value)){
    //         span.innerHTML = "ok";
    //         tel = true;
    //     }else{
    //         span.innerHTML = "no";
    //         tel = false;
    //     }
    // }
    // osu.onclick = function(){
    //     if(un && pw && pw2 && tel && em){
    //         alert("注册成功")
    //     }else{
    //         alert("重新注册")
    //     }
    // }



